@font-face { //
	font-family: "DeliciousRoman"; //
	src: url('DeliciousRoman.TTF') format('truetype'); //
	color: #9C6CE5, #BADB70, #5BD6AA, #37C3E4, #587EA5, #D0B2D6, #D5759B,
		#9C7357, #648260, #525A5C, #EC8576, #FCC06A, #D28856; //
	color: #FA484A, #000, #157FCC, #367CAD, #D2D2D2, #7BC1E6, #8C8C8C,
		#D0DFE9, #d4daF5, #333;
}

body {
	margin: 0;
	padding: 0;
	min-width: 50em; //
	font-family: " DeliciousRoman,Georgia,serif,Times New Roman";
	font-family: "Microsoft YaHei", 微软雅黑, Arial, "宋体";
}
ul {
  list-style: none;
  margin:0;
  padding:0;
}
img,a{
	border:0
}
input, textarea { //
	font-family: "DeliciousRoman,Georgia,serif,Times New Roman ";
	font-size: 0.9em;
	font-family: "Microsoft YaHei", 微软雅黑, Arial, "宋体";
}

body.background {
	background: rgb(238, 238, 238);
	background: #f9f9f9
}

div.the_functions {
	float: left;
	height: auto;
	margin: 0.5em 0.3em;
	width: 5em;
}

div.the_functions a {
	display: block;
	float: left;
	font-size: 0.75em;
	text-decoration: none;
	width: 100%;
	text-align: center
}

div.the_functions img {
	float: left;
	height: 3em;
	margin-left: calc(50% - 1.5em);
	width: 3em;
}

.container {
	padding: 0 6em;
	width: calc(100% - 12em);
	min-width: 45em;
//	margin-top: 1em;
}

.container h3 {
	color: #333333;
	font-weight: 600;
}

div.main_lcontainer {
	width: calc(63% - 3px - 3em);
	float: left;
	min-height: 27.4em;
	border-right: 3px solid #D2D2D2;
	margin-top: -0.7px;
	padding: 2em 3em 8em 0;
	position: relative;
}

div.main_lcontainer img {
	display: inline;
	height: 3em;
	vertical-align: middle;
	width: 4em;
}

div.main_lcontainer h2 {
	color: #367cad;
	display: inline;
	font-size: 1.4em;
	font-weight: 100;
	vertical-align: middle;
	margin-left: 2em
}

div.main_rcontainer {
	width: calc(37% - 1em);
	float: left;
	min-height: 27.4em;
	padding: 2em 0em 6em 1em;
	position: relative;
}

div.xxjh_pie {
	width: 100%;
	float: left;
	height: 29em;
	margin-top: -0.5em
}

div.main_lcontainer a, div.main_rbcontainer a {
	text-decoration: none;
	display: block;
}

div.main_lcontainer a.xxjh_detial {
	background: #157fcc none repeat scroll 0 0;
	border: 0 none;
	border-radius: 0.3em;
	box-shadow: 1px 1px 1px #d2d2d2;
	color: white;
	cursor: pointer;
	font-size: 1em;
	left: calc(50% - 5.8em);
	padding: 0.5em 1.2em;
	position: absolute;
	top: 51%;
}
div.xxjh_agroups{
	text-align:center;
}
div.xxjh_agroups  a {
	color: #000;
	text-shadow: 1px 1px 1px #d2d2d2;
	display: inline-block;
	margin: 0 1em
}

div.xxjh_agroups  a img {
	width: 2em;
	height: 2em;
	margin-right: 0.7em;
}

div.main_rtcontainer {
	border-top: 1px dashed #7BC1E6;
	border-bottom: 1px dashed #7BC1E6;
	border-right: 8px solid #7BC1E6;
	height: 6em;
	position: relative;
	padding-right: 0.2em;
}

div.main_rtcontainer:after {
	display: block;
	content: '';
	width: 100%;
	left: 1px;
	top: 1px;
	height: 100%;
	position: absolute;
	border-top: 0.5px dashed #EDEDED;
	border-bottom: 0.5px dashed #EDEDED;
}

div.main_rtcontainer img {
	height: 6.6em;
	left: -0.2em;
	position: absolute;
	top: -0.5em;
	width: 6em;
	z-index: 99;
}

div.main_rtcontainer span {
	position: absolute;
	z-index: 99
}

div.main_rtcontainer span:nth-child(2) {
	color: white;
	font-size: 0.8em;
	left: 0;
	text-align: center;
	top: 4%;
	width: 7em;
}

div.main_rtcontainer span:nth-child(3) {
	color: #000;
	font-size: 4em;
	left: 6.5%;
	top: 20%;
}

div.main_rcontainer ul,div.main_lcontainer ul.xxjh_detials {
	list-style-type: none;
	margin: 0;
	padding: 0
}

div.main_rtcontainer ul {
	border-right: 2px solid #7bc1e6;
	padding-right: 0.5em;
	position: absolute;
	right: 0.3em;
	width: calc(100% - 8.5em - 2px);
	z-index: 99;
}

div.main_rtcontainer h3 {
	margin: 0;
	font-weight: 100;
	font-size: 1em
}

div.main_rtcontainer ul:nth-child(4) {
	height: 1.5em;
	overflow: hidden;
	padding-bottom: 0.2em;
	padding-top: 0.4em;
	text-overflow: ellipsis;
	white-space: nowrap;
}

div.main_rtcontainer ul:nth-child(4) li {
	margin-right: 0.5em;
	display: inline-block;
}

div.main_rtcontainer ul:nth-child(5) {
	top: 2em;
	padding-bottom: 0.3em;
}

div.main_rtcontainer ul:nth-child(5) li {
	color: #8c8c8c;
	font-size: 0.8em;
	overflow: hidden;
	padding-bottom: 0.08em;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

div.main_rbcontainer {
	float: left;
	margin-top: 2em;
	width: 100%;
}

div.message_header {
	height: 1.4em;
	padding: 0.8em;
	background: #D0DFE9;
	border: 1px solid #D2D2D2;
	box-shadow: 1px 1px 1px #D2D2D2;
}

div.message_header h3 {
	margin: 0;
	font-weight: 100;
	font-size: 1.2em;
	display: inline
}

div.message_header a:nth-child(1) {
	float: left;
	font-size: 0.9em;
	color: #8C8C8C
}

div.message_header a:nth-child(2) {
	float: right;
	font-size: 0.9em
}

div.main_rbcontainer ul { //
	background: rgb(238, 238, 238);
	background: #f9f9f9;
	border: 1px solid #D2D2D2;
	box-shadow: 1px 1px 1px #D2D2D2;
}

div.main_rbcontainer li {
	border-bottom: 1px dashed #8c8c8c;
	height: 3.5em;
	width: calc(100% - 1.6em);
	padding: 0.6em 0.8em;
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

div.main_rbcontainer ul li:last-child {
	border-bottom: 0px dashed #8c8c8c;
}

div.main_rbcontainer li img {
	height: 3.5em;
	width: 3.5em;
	float: left
}

div.main_rbcontainer li span {
	display: block;
	margin-left: 1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
}

div.main_rbcontainer a span:nth-child(2) {
	padding-top: 0.6em;
	font-size: 0.95em;
	width: calc(100% - 6em);
	color: #000
}

div.main_rbcontainer a span:nth-child(3) {
	color: #8c8c8c;
	font-size: 0.75em;
	padding-left: 0.3em;
	padding-top: 0.3em;
	width: calc(100% - 7.7em);
}

.lcontainer, .rcontainer {
	float: left;
	margin-bottom: 7em;
	height: auto
}

.lcontainer {
	width: 57%;
}

.rcontainer {
	width: calc(40% - 3.5em);
	margin-left: 3.5em;
}

.ltcontainer, .lbcontainer, .rtcontainer, .rccontainer, .rbcontainer {
	float: left;
	width: 100%;
	border: 1px solid #b7b6b6;
	padding: 1em 0.4em;
	text-align: center
}

.rccontainer {
	margin-top: 1em;
	background: #e3f4fb;
	padding: 0.5em 0.4em;
}

.rccontainer a {
	text-decoration: none;
	color: 454ce2;
	margin-top: 0.5em;
	float: left;
	margin-left: 0.2em
}

.rbcontainer {
	margin-top: 2.3em;
	border: 0;
	padding: 0;
	width: calc(100% + 1em);
}

.ltcontainer span { //
	color: #348ad0; //
	display: block; //
	font-size: 1.1em; //
	font-weight: 500; //
	text-align: center; //
	width: 3em; //
	float: left;
}

span.rate {
	margin-left: 1em;
	width: calc(100% - 11em);
	height: 0.8em;
	border: 1px solid #b7b6b6;
	background: #eeeeee;
	position: relative;
}

span.credits {
	margin-top: 1em;
}

span.credits+span {
	margin-top: 0.8em;
}

.ltcontainer a ~ span {
	margin-top: 1em;
}

.ltcontainer a {
	float: left;
	margin-bottom: 1em;
	margin-left: 0.5em;
}

.lcontainer .ltcontainer span.gpa {
	margin-top: 1.5em
}

.lcontainer .ltcontainer span.gpa+span {
	margin-top: 1.3em
}

.ltcontainer img {
	margin-top: inherit
}

span.rate:after {
	display: block;
	content: '';
	height: 3em;
	width: 2em;
	top: -150%;
	position: absolute;
	background: url("../img/sunwukong_03.png");
	background-size: 2em 3em;
}

span.credits:after {
	left: calc(30% - 1em);
}

span.credits span {
	width: 30%;
}

span.gpa:after {
	left: calc(50% - 1em);
}

span.gpa span {
	width: 50%;
}

span.rate+span {
	margin-left: 0.7em
}

span.rate span {
	background: rgb(109, 188, 245);
	height: 100%;
}

.ltcontainer div { //
	border: 1px solid #b7b6b6;
	float: left;
	background: #eeeeee; //
	margin: 0.5em 0.31em; //
	margin: 0.5em 0.3em 0.5em 0\9; //
	padding: 0.3em; //
	text-align: center; //
	font-size: 1em;
}

.ltcontainer div h4 {
	font-weight: 500;
	padding: 0;
	margin: 0.3em 0;
}

.ltcontainer div span { //
	font-size: 1.8em; //
	color: #157fcc; //
	display: block; //
	width: 100%; //
	margin: 0.5em 0;
}

.ltcontainer+h3 {
	background: #e7f6fb;
	padding: 0.4em 0 0.4em 1em;
	margin: 0;
	border: 1px solid #b7b6b6;
	border-bottom: 0px solid #b7b6b6;
	float: left;
	margin-top: 1em;
	width: calc(100% - 0.3em);
}

.lbcontainer a { //
	width: calc(19% - 1em);
	width: 6em;
	height: 6em;
	margin: 2em 0.6em 3em 0.6em;
	float: left;
	border: 1px solid #b7b6b6;
	text-decoration: none;
	color: black
}

.lbcontainer a:after {
	display: block;
	left: 0;
	position: relative;
	text-align: center;
	top: 110%;
	width: 100%;
}

.lbcontainer a.class {
	background: url("../img/kecheng.png") no-repeat scroll 50% 50%;
}

.lbcontainer a.class:after {
	content: "课程数据";
}

.lbcontainer a.score {
	background: url("../img/chengji.png") no-repeat scroll 50% 50%;
}

.lbcontainer a.score:after {
	content: "成绩数据";
}

.lbcontainer a.roll_call {
	background: url("../img/dianmubf.png") no-repeat scroll 50% 50%;
}

.lbcontainer a.roll_call:after {
	content: "点名数据";
}

.lbcontainer a.book {
	background: url("../img/jieyue.png") no-repeat scroll 50% 50%;
}

.lbcontainer a.book:after {
	content: "借阅数据";
}

.lbcontainer a.cost {
	background: url("../img/yikatong.png") no-repeat scroll 50% 50%;
}

.lbcontainer a.cost:after {
	content: "消费数据"
}

.rtcontainer div:first-child {
	background: rgba(0, 0, 0, 0) url("../img/rili_03.png") repeat scroll 0 0/6em
		7em;
	float: left;
	height: 7em;
	margin-left: 0.8em;
	margin-top: -0.3em;
	text-align: center;
	width: 6em;
}

div.right_date {
	float: right;
	margin-right: 3em;
	text-align: left;
}

.rtcontainer span:after {
	content: '\A';
	display: block;
	margin-top: 0.2em;
}

div.right_date span:last-child:after {
	content: '';
	display: block;
}

div.right_date span.the_data {
	font-size: 1.2em;
	font-weight: 500
}

span.avoid {
	color: rgb(245, 128, 133);
}

.rcontainer a.search_info {
	float: right;
	margin-right: 0.8em;
	text-decoration: none;
}

.rccontainer a.search_info:after {
	content: '\A';
	display: block;
}

.rccontainer label {
	margin: 0.5em 0 0.5em 0.8em;
	float: left;
}

.rbcontainer h3, .rbcontainer table, .my_dialog table {
	float: left;
	margin: 0
}

.rbcontainer a.search_info {
	margin-right: 0;
	margin-top: 0.2em;
}

table.my_table {
	width: 100%;
	margin-top: 0.6em;
	border: 1px solid #b7b6b6;
}

table.my_table tr, table.my_table th, table.my_table td {
	padding: 0.5em;
	text-align: center;
	font-weight: 200;
}

table.my_table thead tr {
	background: #e7f6fb;
}

table.my_table tr th, table.my_table tr td {
	border-right: 1px solid #b7b6b6;
	border-bottom: 1px solid #b7b6b6;
}

table.my_table tr th:last-child, table.my_table tr td:last-child {
	border-right: 0px solid #b7b6b6;
}

table.my_table tbody tr:last-child td {
	border-bottom: 0px solid #b7b6b6;
}

footer {
	background: #157fcc;
	min-height: 4.5em;
	bottom: 0;
	left: 0;
	position: fixed;
	width: calc(100% - 15em);
	padding: 0 7.5em;
	color: white;
	min-width: 45em;
	z-index: 9;
}

.clear {
	clear: both;
}

footer:before {
	width: 4.5em;
	height: 4.5em;
	content: '';
	background: url("../img/yingyong.png");
	display: block;
	background-size: 4.5em 4.5em;
	margin-top: -2.25em;
}

footer a {
	height: 2.5em;
	margin: 1em 0 1em 0.6em;
	float: left;
	min-width: 2.5em;
	text-decoration: none;
}

footer a label {
	float: right;
	margin-left: 0.3em;
	margin-top: 0.5em;
}

footer a img {
	height: 100%;
	width: 2.5em;
}

footer label {
	float: left;
	color: white;
	display: inline-block;
	font-size: 0.9em;
	margin-top: 1.7em;
}

body footer button {
	width: 2em;
	height: 2em;
	margin-right: 0.5em;
	margin-top: 1.5em;
	border: 0;
	display: block;
	float: left;
	cursor: pointer;
	margin-bottom: 1.6em;
}

footer button.footer_up {
	background: url("../img/shangla.png") no-repeat scroll 50% 50%;
	background-size: 2em 2em;
}

footer button.footer_down {
	background: url("../img/xiala.png") no-repeat scroll 50% 50%;
	background-size: 2em 2em;
}

.rccontainer div.message_scroll {
	float: left;
	white-space: nowrap;
	overflow: hidden;
	height: 2.5em;
	width: calc(100% - 0.8em);
	padding: 0.3em 0 0 0.8em;
}

div.message_scroll span {
	display: inline-block;
	width: 100%;
	overflow: hidden;
}

div.message_scroll span:first-child {
	margin-left: 0;
}

.rtcontainer span.data_now {
	display: block;
	margin-top: 1.4em;
	color: white;
	margin-bottom: 0.9em;
}

.rtcontainer span.now_data {
	font-size: 2em;
}

footer div.footer_right {
	float: right;
	width: 16em;
	margin-top: -2em;
}

footer  div.left_div, footer div.right_div {
	float: left;
	height: 100%;
}

footer  div.left_div {
	width: 3em;
}

footer div.right_div {
	text-align: center;
	width: calc(100% - 5em);
}

.footer_scan_1{
	width:60px;
	height:62px;
}

.right_div > label > span{
    display: table-cell;
    text-align: center;
    width: 0% !important;
}
footer div.footer_left {
	margin-left: 5em;
	float: left;
	width: calc(100% - 24em);
	overflow: hidden;
	margin-top: -2em;
}

footer a.footer_reset {
	float: left;
	height: 3.5em;
	margin: 0.3em 0 0 -0.1em;
	width: 2em;
}

footer a.footer_reset img {
	width: 2em
}

footer img.footer_scan {
	float: left;
	height: 2.5em;
	margin: -0.5em 0.5em 1em 0;
	width: 2.5em;
}

footer img.footer_scan_change {
	
}

footer label.change {
	margin-top: 1.2em;
	display: none
}

footer label.change img {
	margin-top: 0.5em
}

div.my_dialog {
	width: 35em;
	background: white;
	position: absolute;
	left: 10%;
	top: 20%;
	z-index: 9999;
}

div.my_dialog h3 {
	line-height: 1;
	margin: 0;
	border: 0
}

div#myFunction h3.function_header {
	text-align: center;
	background: rgb(34, 144, 194);
	color: white;
	padding: 0.5em 0;
}

div.dialog {
	height: 100%;
	width: 100%;
	position: fixed;
	background: url('../img/background.png');
	top: 0;
	left: 0;
	z-index: 9998;
	opacity: 0.3;
}

div.my_dialog input, div.my_dialog textarea {
	font-size: 1em
}

#myFunction button {
	padding: 0.1em 0.5em;
}

#myFunction input {
	padding: 0.3em;
	margin-left: 33%;
	margin-right: 0.5em;
}

#myClass button, #myFunction button, #myFunction input {
	border-radius: 0.3em;
	border: 1px solid #b7b6b6;
	margin-top: 0.8em;
	background: white;
}

#myClass button:hover, #myFunction button:hover {
	box-shadow: 1px 1px 1px #b7b6b6;
}

#myFunction button.function_finish {
	float: right;
	margin-right: 2em;
	position: relative;
}

#myFunction p {
	margin: 0.8em 0
}

#myFunction div.dialog_content {
	min-height: 25em;
	padding: 0.5em 1.5em;
}

#myFunction div.my_function, #myFunction div.other_function {
	float: left;
	width: 100%;
	margin-bottom: 1.5em;
}

#myFunction div.the_functions label {
	width: 100%;
	text-align: center;
	float: left;
	font-size: 0.75em
}

#myFunction div.the_functions label:nth-child(2) {
	width: 1.2em;
	height: 1.2em;
	margin-left: calc(50% + 1.5em);
	margin-top: -4em;
	cursor: pointer
}

#myFunction .my_function label:nth-child(2) {
	background: url("../img/sc.png") no-repeat 0 0/1.2em 1.2em
}

#myFunction .other_function label:nth-child(2) {
	background: url("../img/tj.png") no-repeat 0 0/1.2em 1.2em
}

@media ( max-width :1300px) {
	div.right_date {
		float: left;
		text-align: center;
		margin: 0 !important;
		width: 100%;
	}
	div.rtcontainer div:first-child {
		margin-left: calc(50% - 3em);
	}
	.container, .home_header, footer {
		padding: 0 3.5em;
		width: calc(100% - 7em);
	}
}

@media ( max-width :1000px) {
	.container, footer {
		padding: 0 2.5em;
		width: calc(100% - 5em);
	}
}

@media ( min-width :1366px) {
	.container, .home_header, footer {
		padding: 0 7.5em;
		width: calc(100% - 15em);
	}
}

@media ( min-width :1920px) {
	.container, .home_header, footer {
		padding: 0 20em;
		width: calc(100% - 40em);
	}
}

div#myFunction, div#myClass {
	display: none;
}

div#myClass div.my_dialog {
	width: auto;
	padding: 1em;
	top: 10%;
	left: 4%;
	max-width: 60em;
	position: absolute;
}

div#myClass table {
	font-size: 0.8em
}

div#myClass h3 {
	font-weight: 500;
	display: inline-block;
}

#myClass img {
	display: inline-block;
	float: right;
	cursor: pointer;
}

#myClass button {
	margin-left: 49%;
	padding: 0.4em 1.5em;
}

div.my_dialog select {
	font-size: 1em;
	margin-left: calc(( 100% - 30em)/2);
}

div.my_dialog select option {
	padding: 0.4em 0.5em;
}

ul.targets_left, ul.charts_left, div.charts_right, div.targets_right {
	float: left;
	border: 1px solid #b7b6b6;
	margin-top: 2em;
	min-height: 40em;
	background: white;
	margin-bottom: 2em;
}

ul.targets_left, ul.charts_left {
	margin: 2em 0 0;
	padding: 0;
	width: 9em;
}
ul.charts_left {
	width: 12em;
	text-align: center;
	font-size: 0.96em;
}
ul.charts_left li ul li{
	font-size:0.92em
}
ul.targets_left li {
	list-style-type: none;
	border-bottom: 1px solid #b7b6b6;
	cursor: pointer;
}
ul.charts_left li ul li.visited{
	color:#157fcc
}
ul.charts_left li i{
	margin: 0 0.4em;
	color:inherit;
} 
ul.charts_left li.selected span{
	background:#EAF1F5;
	color:#91764A;
}
 ul.charts_left li a,ul.charts_left li span,ul.targets_left li a {
	color: inherit;
	text-decoration: none;
	display: block;
	padding: 0.7em;
	cursor:pointer;
}
ul.charts_left li a,ul.charts_left li span{
	padding: 0.4em 0;
	border-bottom: 1px solid #b7b6b6;
}
div.charts_right, div.targets_right {
	width: calc(100% - 13em);
	margin-left: 1.5em;
	padding: 0 1em;
}
div.charts_right{
	width:calc(100% - 15.5em)
}
div.charts_right .cost_line, div.charts_right .cost_pie ,div.cost_rank{
	height: 20em;
}

div.charts_right .cost_line {
	width: calc(( 100% - 4px)*0.6);
}

div.charts_right .cost_pie {
	width: calc(( 100% - 4px)*0.4);
}

div.dk_container{
	float: left;
	margin-top: 1.5em;
}
div.the_show div{
	float: left;
	//margin-top: 1.5em;
}
div.charts_describe {
	background: #e7f1f8 none repeat scroll 0 0;
    border: 1px dotted #5988c1;
	margin: 2em 3em ;
	min-height: 3em;
	padding: 0.8em 2.5em;
    width: calc(100% - 12em);
	color: #333333;
	font-size: 0.9em;
	letter-spacing: 0.05em;
	line-height: 2em;
}
div.charts_describe span{
	display:block;
}
div.charts_right div.book_top, div.charts_right div.book_center {
	width: 100%;
}

div.charts_right div.book_center {
	height: 20em;
}

div.charts_right div.book_top img, div.charts_right div.book_top span {
	float: left
}

div.charts_right div.book_top img {
	height: 4em;
	margin: 0em 0.5em;
	width: 4em;
}

div.charts_right div.book_top span {
	margin-top: 0.5em
}

div.charts_right div.book_top br {
	margin-top: 0.5em
}

div.the_container {
	width: 100%;
	min-width: 50em;
}

div.the_container div.the_rcontainer {
	float: right;
	float: right;
	min-height: 35em;
	min-width: 24.5em;
	width: calc(100%/ 9 * 8 - 12em);
	background: white;
	padding: 0 8em 3em 2em;
}

@media ( max-width :80em) {
	div.the_rcontainer div.points_div img {
		height: 6.3em;
	}
}

@media ( max-width :75em) {
	div.the_container div.the_rcontainer {
		padding: 0 1em;
		width: calc(100%/ 9 * 8 - 4em);
	}
}

.the_container ul li.selected, .col-2 ul li.selected {
	color: #0084d4;
}

div.the_rcontainer div.points_div:nth-child(2) {
	margin-top: 2em;
	border-top: 0
}

div.the_rcontainer div.points_div {
	border-top: 1px dashed black;
	margin: 0.5em;
	padding: 1em 0;
	line-height: 1.2;
}

div.the_rcontainer div.points_div:after {
	content: '';
	display: block;
	height: 0;
	clear: both
}

div.the_rcontainer div.points_div img, div.the_rcontainer div.points_div p,
	div.the_rcontainer div.points_div h4 {
	float: left;
}

.the_rcontainer div.points_div img {
	width: 11em;
	height: 5.2em;
}

div.the_rcontainer  button {
	color: white;
	background: rgb(34, 144, 194);
	border-radius: 0.3em;
	border: 0;
	padding: 0.8em 2.5em;
	cursor: pointer;
}

div.the_rcontainer div.points_div button {
	float: right;
}

div.the_rcontainer div.points_div p, div.the_rcontainer div.points_div h4
	{
	margin: 0;
	padding: 0.3em 2em;
	width: calc(100% - 24em);
}

div.the_rcontainer label, div.the_rcontainer input {
	display: inline-block;
}

div.the_rcontainer label.left_label {
	display: inline-block;
	margin: 1.5em 1em 0 3em;
}

div.the_rcontainer button.private_control {
	margin: 2.5em 0 0 12em;
	padding: 0.5em 2em;
}

div.the_rcontainer label.my_points {
	font-size: 0.8em;
	margin-left: 1em;
	color: #fc8318;
	font-weight: normal
}

div.points_buttons {
	margin-top: 1.5em;
	border-bottom: 1px solid #bfbfbf;
	margin-bottom: 1.5em;
	width: 100%;
}

div.points_buttons:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: '.'
}

div.points_buttons button {
	border-radius: 0;
	background: white;
	color: black;
	border: 1px solid #bfbfbf;
	float: left;
	font-size: 1.02em;
	padding: 0.3em 1.5em;
}

div.points_buttons button:hover, div.points_buttons button.selected {
	color: #0084d4
}

div.the_rcontainer div.bootstrap-table button, div.targets_right div.bootstrap-table button
	{
	background-color: #fff;
	color: #333;
	background-image: none;
	border: 0px solid #ccc;
	border-radius: 4px;
	padding: 0;
	cursor: default;
	width: auto;
	font-size: 1em;
}

div.the_rcontainer div.bootstrap-table span.caret, div.targets_right div.bootstrap-table span.caret
	{
	display: none
}

div.the_rcontainer div.rule_comment {
	float: left;
	padding: 1em;
}

div.the_rcontainer div.rule_comment label, div.the_rcontainer div.rule_comment p
	{
	display: block;
	line-height: 1.6
}

div.the_rcontainer div.rule_comment label {
	font-size: 1.1em;
	font-weight: bold;
}

div.the_rcontainer div.rule_comment p {
	margin-left: 2em
}

div.charts_right  div.cost_rank h3 {
	font-size: 1em;
	margin-top: 0;
//  margin-left: 0.7em;
	overflow: hidden;
	white-space: nowrap;
}

div.charts_right  div.cost_rank p, div.daily_target  div.cost_pie p {
	padding: 2em 2em 2em 1em;
	font-size:0.9em
}

div.charts_right  div.cost_rank span, div.daily_target  div.cost_pie span
	{
	height: 57px;
	display: inline-block;
	margin-top: 1em;
}

div.charts_right  div.cost_rank span:nth-child(3), div.daily_target  div.cost_pie span:nth-child(3)
	{
	margin-left: 0.5em;
}

div.charts_right  div.cost_rank span.blue_person, div.daily_target  div.cost_pie span.blue_person
	{
	background: url("../img/blue_person.png") 0 0/100% 100%;
	width: 20px;
}

div.charts_right  div.cost_rank span.blue_person, div.charts_right  div.cost_rank span.yellow_person
	{
	display: none
}

div.charts_right  div.cost_rank span.yellow_person, div.daily_target  div.cost_rank span.yellow_person
	{
	background: url("../img/yellow_person.png") 0 0/100% 100%;
	width: 20px;
}

div.charts_right  div.cost_rank span.blue_dance, div.daily_target  div.cost_rank span.blue_dance
	{
	background: url("../img/blue_dance.png") 0 0/100% 100%;
	width: 33px;
}

div.charts_right  div.cost_rank span.yellow_dance, div.daily_target  div.cost_rank span.yellow_dance
	{
	background: url("../img/yellow_dance.png") 0 0/100% 100%;
	width: 33px;
}

@media ( max-width :65em) {
	div.container  div.charts_right  div.cost_pie span {
		width: 7%;
	}
}

div.charts_right div.book_top div {
	margin: 0 1.5em
}

div.cost_pie div#sign_lsign, div.cost_pie div#sign_rsign {
	float: left;
	height: 250px;
	width: 100%
}

div.charts_right select#sign_lselect, div.charts_right select#sign_rselect
	{
	margin: 0 1em;
	text-align: center;
	width: calc(( 100% - 2em)* 0.9);
}

div.charts_right  select#sign_lselect option, div.charts_right  select#sign_rselect option
	{
	padding: 0.2em 0.5em;
	text-align: center;
	border-bottom: 1px solid gray
}

div.container div.ltest, div.container div.rtest {
	float: left;
	min-height: 23em;
	margin-top: 2.5em;
	text-align: center;
}

div.container div.ltest {
	width: 65%;
	background: url("../img/ltest.png") no-repeat 0 0/100% 100%;
}

div.container div.rtest {
	width: calc(35% - 5em - 4px);
	min-height: 21em;
	margin-left: 2em;
	padding: 1em 1.5em;
	background: white url("../img/rtest.png") no-repeat 50% 50%/70% 50%;
	border: 1px solid #b7b6b6;
}

div.container div.rtest h1, div.container div.test_container div.tests h1
	{
	color: #323f4e;
	font-size: 1.8em;
	font-weight: 500;
	margin: 0;
	text-align: left;
}

div.container div.rtest button.enter_test {
	border-radius: 0.5em;
	background: #0084d4;
	color: white;
	border: 0;
	font-size: 1.2em;
	margin-top: 11.5em;
	padding: 0;
	cursor: pointer;
	padding: 0.5em 0.8em;
}

div.container div.test_container {
	border: 1px solid #b7b6b6;
	height: 20em;
	width: 100%;
	background: white;
	overflow: hidden;
	white-space: nowrap;
	margin-top: -2em
}

div.container div.test_container div.tests {
	padding: 2em 6em;
	width: calc(100% - 12em);
	min-height: 16em;
	display: inline-block;
}

div.container div.test_container div.tests h1 {
	margin: 0 0 1em 0;
	overflow: auto;
	white-space: normal;
}

div.container  button.test_float {
	background: rgb(0, 132, 212) none repeat scroll 0 0;
	border: 0 none;
	color: white;
	display: block;
	font-size: 1.5em;
	left: -1.7em;
	padding: 0.1em 0.6em;
	position: relative;
	text-align: center;
	top: 1.5em;
	z-index: 999;
}

div.container button.test_prev, div.container button.test_next {
	border: 0;
	margin-top: 1em;
	line-height: 3em;
	height: 3em;
	cursor: pointer;
	background: transparent;
	padding: 0;
}

div.container button.test_prev {
	float: left;
	margin-left: 8em
}

div.container button.test_next {
	float: right;
	margin-right: 8em
}

div.container button.test_prev img, div.container button.test_next img {
	width: 4.5em;
}

div.container button.test_prev span, div.container button.test_next span
	{
	font-size: 1.7em;
	margin: 0em 1em;
	float: left
}

div.container button.test_prev span {
	float: right
}

div.container div.test_container div.tests  input {
	margin: 1em 0;
}

div.container div.test_container div.tests input[type="radio"] {
	position: absolute;
	clip: rect(0, 0, 0, 0);
}

div.container div.test_container div.tests label {
	display: block;
	font-size: 1.2em;
	height: 1.9em;
	line-height: 1.9em;
	padding: 0.5em 0;
}

div.container div.test_container div.tests input[type="radio"]:checked+label:before
	{
	background: #157fcc none repeat scroll 0 0;
	content: "鉁�;
	text-align: center;
	color: white
}

div.container div.test_container div.tests label::after {
	content: "\A";
	white-space: pre;
}

div.container div.test_container div.tests label:before {
	background: #b7b6b6;
	border-radius: 0.2em;
	content: " ";
	display: inline-block;
	float: left;
	font-size: 1.2em;
	height: 100%;
	margin: 0 0.5em;
	width: 1.5em;
}

div.container div.test_container div.tests label:hover, .label-click {
	background: rgba(21, 127, 204, 0.4);
	color: white;
	border-radius: 0.3em;
	cursor: pointer;
}

div.test_conclusion1, div.test_conclusion2, div.test_conclusion3 {
	margin: 1em 3.5em;
	width: calc(100% - 7.1em);
	min-height: 200px;
}

div.test_conclusion2 {
	border: 1px solid #6f97c7;
	width: calc(100% - 8.1em);
	min-height: 100px;
	padding: 0 0.5em;
	background: white;
}

div.test_conclusion2 p {
	line-height: 1.5;
	padding: 0 1em 2em 3em;
	text-indent: 2em;
}

div.test_conclusion3 table.my_table {
	border: 1px solid #a0a0a0;
	background: white;
	width: 100%;
}

div.test_conclusion3 table.my_table a {
	text-decoration: none
}

div.test_conclusion1 h3.h3-style {
	text-align: center
}

p.p-style_1::before, p.p-style_2::after, p.p-style_3::before, p.p-style_4::after,
	p.p-style_5::before, p.p-style_6::after, p.p-style_7::before, p.p-style_8::after
	{
	content: '';
	background: #6f97c7;
	border-radius: 50%;
	color: white;
	font-size: 1.5em;
	font-weight: bold;
	height: 1.5em;
	line-height: 1.5;
	position: absolute;
	text-align: center;
	top: -0.2em;
	width: 1.5em;
}

p.p-style_1, p.p-style_2, p.p-style_3, p.p-style_4, p.p-style_5, p.p-style_6,
	p.p-style_7, p.p-style_8 {
	position: relative;
	float: left;
	width: calc(50% - 2em);
}

p.p-style_1::before, p.p-style_3::before, p.p-style_5::before, p.p-style_7::before
	{
	left: -1.8em;
	box-shadow: 0.1em 0.1em 0.1em gray;
}

p.p-style_2::after, p.p-style_4::after, p.p-style_6::after, p.p-style_8::after
	{
	right: -1.2em;
	box-shadow: -0.1em 0.1em 0.1em gray;
}

p.p-style_1, p.p-style_3, p.p-style_5, p.p-style_7 {
	margin-left: 2em;
}

p.p-style_2, p.p-style_4, p.p-style_6, p.p-style_8 {
	margin-left: -0.5em;
}

div.test_conclusion1 p span {
	border: 1px solid #6f97c7;
	display: inline-block;
	height: 2em;
	margin: 0 0.5em;
	width: calc(100% - 4em);
}

div.test_conclusion1  p input {
	width: 0;
	background: #6f97c7;
	margin: 0;
	background-clip: content-box;
	padding: 0.13em;
	cursor: default;
	height: 100%;
	border: 0;
}

p.p-style_1::before {
	content: 'E';
}

p.p-style_3::before {
	content: 'S';
}

p.p-style_5::before {
	content: 'T';
}

p.p-style_7::before {
	content: 'J';
}

p.p-style_2::after {
	content: 'I';
}

p.p-style_4::after {
	content: 'N';
}

p.p-style_6::after {
	content: 'F';
}

p.p-style_8::after {
	content: 'P';
}

div.test_conclusion1 main {
	display: inline-block;
	height: auto;
	padding: 0 5em 1em;
	width: calc(100% - 10em);
	margin: auto;
}

div.targets_right div.points_buttons {
	float: right;
	border-bottom: 0px solid #bfbfbf;
	margin-bottom: 0em;
}

div.container div.targets_right {
	min-height: 15em;
}

div.targets_right h3 {
	font-size: 1.2em;
	display: inline-block
}

div.targets_right p, div.targets_right label {
	margin-left: 4em;
}

div.targets_right input {
	border: 1px solid #b7b6b6;
	padding: 0.25em 0.5em;
	border-radius: 0.1em
}

div.targets_right button.search_button {
	border: 0;
	margin-left: 1em;
	padding: 0.2em 2em;
	background: white;
	border: 1px solid #b7b6b6;
	border-radius: 0.1em
}

div.targets_right button.search_button:hover {
	background: #157fcc;
	color: white;
}

div.targets_right a.add_target {
	margin-top: 2em;
	display: block;
	float: right;
}

div.targets_right div.points_buttons button { //
	float: right;
}

div.targets_right div.bootstrap-table button.target_status_0, div.targets_right div.bootstrap-table button.target_status_1
	{
	color: white;
}

div.targets_right div.bootstrap-table button.target_status_0 {
	background: #b7b6b6;
	padding: 0.2em 0.5em
}

div.targets_right div.bootstrap-table button.target_status_1 {
	background: #0084d4;
	cursor: pointer;
	padding: 0.2em 0.1em
}

div.targets_right div.target_info {
	border-bottom: 1px dashed #b7b6b6;
	min-height: 7em;
	padding-bottom: 1em;
}

div.targets_right button.target_submit {
	background: #157fcc none repeat scroll 0 0;
	border: 0 none;
	border-radius: 0.3em;
	color: white;
	display: inline-block;
	float: right;
	margin-right: 1em;
	margin-top: 2em;
	padding: 0.5em 1.3em;
	cursor: pointer
}

div.targets_right button.add_detial_target {
	background: white none repeat scroll 0 0;
	border: 0 none;
	color: #157fcc;
	font-size: 1em;
	margin-top: 1em;
	margin-left: 3em;
	cursor: pointer;
}

div.target_info input, div.target_info textarea {
	border: 1px solid #b7b6b6;
	padding: 0.3em 0.5em;
	margin-bottom: 0.6em; //
	font-family: "Times New Roman", Georgia, serif; //
	font-size: 0.85em;
	width: calc(100% - 19em);
}

div.target_info input, div.target_info textarea, div.target_info label {
	float: left;
}

div.target_info label.required {
	width: 0em;
	color: red;
	margin-left: 0;
}

div.target_info label {
	width: 6em;
	text-align: center;
	padding: 0.2em 0;
}

div.target_info:after {
	content: '';
	display: block;
	height: 0;
	clear: both
}

div.target_info label.detial_target {
	margin-left: 10em;
	text-align: left
}

div.target_info span.length_control {
	float: left;
	font-size: 0.8em;
	line-height: 2.5;
	margin-left: 0.5em;
	width: auto;
}

div.target_info label.detial_target+input {
	width: calc(100% - 25.7em)
}

div.table_dialog div.my_dialog {
	background: whitesmoke;
	width: 40em;
	top: 10%;
	left: 20%;
	position: absolute
}

div.table_dialog div.my_dialog h3 {
	font-size: 1.3em;
}

div.table_dialog div.my_dialog button {
	float: right;
	line-height: 1.3;
	margin: 0.5em 2em 0.5em 0;
	border: 0;
	background: white;
	border-radius: 0.3em;
	padding: 0.2em 1em
}

div.table_dialog div.my_dialog button.make_sure {
	color: white;
	background: #0084d4;
	margin-top: 1em;
	margin-right: 1.5em;
}

div.table_dialog div.my_dialog h4, div.table_dialog div.my_dialog h3,
	div.table_dialog div.my_dialog i.fa {
	display: inline-block;
	margin: 0.6em 1em
}

div.table_dialog div.my_dialog i.fa, div.table_dialog div.my_dialog span
	{
	cursor: pointer
}

div.table_dialog div.my_dialog i.fa-times {
	float: right;
	font-size: 1.4em;
}

div.table_dialog div.my_dialog span {
	margin-left: 1.5em;
	color: #0084d4
}

div.table_dialog div.my_dialog p {
	height: 2.4em;
	line-height: 1.4;
	overflow: hidden;
	padding: 0.3em 1.5em;
	width: calc(100% - 3em);
}

div.table_dialog div.my_dialog  font {
	font-weight: 600;
}

div.table_dialog div.my_dialog p img {
	height: 2.3em;
	margin: 0 0.3em;
	width: 2.3em;
}

div.table_dialog div.fixed-table-body {
	height: 100%;
}

div.table_dialog div.my_dialog:nth-child(3) div.fixed-table-body {
	height: calc(100% - 2.2em);
}

div.table_dialog table img {
	width: 2em;
	height: 2em;
	cursor: pointer;
}

div.table_dialog div.my_dialog ul.target_operate {
	float: left;
	background: transparent;
	margin-left: 2em;
}

div.my_dialog  ul {
	list-style-type: none;
	text-align: center;
	margin: 0;
	padding: 0;
}

div.my_dialog  ul li {
	cursor: pointer;
	padding: 0.2em 0.5em;
}

div.table_dialog div.my_dialog ul {
	width: 8em;
	margin-top: 0.5em
}

div.table_dialog div.my_dialog ul.target_operate ul {
	left: 4%;
	position: absolute;
	top: 97%;
	display: none;
	border: 1px solid #b7b6b6;
}

div.table_dialog div.my_dialog ul.target_operate ul  li {
	background: white none repeat scroll 0 0;
	border-bottom: 1px solid #b7b6b6;
}

div.table_dialog div.my_dialog ul.target_operate ul  li:hover {
	background: #0084d4;
	color: white
}

div.table_dialog div.my_dialog button.make_sure, div.table_dialog div.my_dialog button.target_share
	{
	color: white;
	background: #0084d4;
	margin-top: 1em;
	margin-right: 1.5em;
}

div.table_dialog div.my_dialog button.target_share {
	padding: 1.6em
}

div.my_dialog textarea {
	border: 1px solid #b7b6b6;
	border-radius: 0.3em;
	overflow: auto;
	padding: 0.4em;
}

div.table_dialog div.my_dialog textarea {
	width: calc(100% - 11.5em);
	margin-left: 1.5em;
	margin-top: 0.95em;
	margin-bottom: 0.5em;
	width: calc(100% - 13em) \9;
	min-height: 3.5em\9
}

div.table_dialog div.my_dialog img.the_user {
	height: 3.5em;
	margin-left: 1.5em;
	width: 3.5em;
}

div.table_dialog div.my_dialog img.the_user+h4 {
	display: inline-block;
	margin: 0.5em
}

div.table_dialog div.my_dialog img.the_user+h4+span {
	font-size: 1.1em;
	cursor: auto;
	margin-left: 1em
}

div.table_dialog div.my_dialog img.the_user+h4+span+textarea {
	width: calc(100% - 2.5em);
	color: #0084d4;
	font-size: 1.3em;
	margin-top: 0.4em;
	margin-left: 1.2em;
	min-height: 5em;
	width: calc(100% - 3.3em) \9;
}

div.table_dialog  i.fa-caret-right {
	margin: 0 0 0 0.3em
}

div.table_dialog  h3.table-toggle+div {
	margin: 0.2em 1.5em;
	width: calc(100% - 3em);
	background: white;
	display: none
}

div.table_dialog  div.my_dialog h3.table-toggle {
	margin-left: 1.2em;
	display: block;
	margin-top: 0.5em;
	font-size: 1.1em;
}

div.table_dialog div.my_dialog:nth-child(3) {
	top: 30%;
	box-shadow: -3px -3px 3px #b7b6b7;
	top: 30%;
	width: 40em;
	left: 30%;
	display: none
}

div.table_dialog table tr.target_completed img {
	cursor: auto
}

div.targets_right a.target_add {
	background: rgb(251, 115, 6) none repeat scroll 0 0;
	border-radius: 0.4em;
	color: white;
	margin-top: 1.7em !important;
	padding: 0.3em 1em;
	margin-right: 1.5em;
}

div.targets_right a.target_add:hover {
	text-decoration: none;
	box-shadow: 1px 1px 1px #b7b6b6
}

div.targets_right div.daily_target {
	float: left;
	width: calc(100% - 2em);
	margin-bottom: 1.5em;
	background: white;
	padding: 0.5em 1em;
	border: 1px solid #b7b6b6
}

div.daily_target button.change_taregt {
	float: right;
	border: 0;
	cursor: pointer;
	background: transparent;
	margin-top: 1em;
	padding: 0;
	margin-right: 1.5em
}

div.daily_target div.cost_pie {
	float: left;
	text-align: center
}

div.container div.targets_right div.daily_target div.cost_pie span {
	margin: 0;
	width: calc(50%/ 10);
	height: 2.2em
}

div.container div.targets_right div.daily_target div.cost_pie p {
	margin: 0
}

div.daily_target div.cost_pie div#sign_lsign, div.daily_target div.cost_pie div#sign_rsign
	{
	height: 13em;
	margin-top: -2em
}

div.clear {
	clear: both
}

div.container h3 {
	border-bottom: 0;
}

div.container div.my_dialog h3 {
	line-height: 1.1
}

input#data_start, input#data_end {
	width: 8em;
	min-width: 7em
}

div.targets_right div.time_choose {
	border-bottom: 1px dashed #b7b6b6;
	padding-bottom: 1em;
	width: 100%;
}

div.targets_right div.time_choose i.fa-calendar {
	margin-left: -1.2em;
	margin-right: 0.3em
}

div.targets_right div.time_choose label {
	margin: 0 0.7em;
	float: left;
	width: 6em;
	text-align: right;
	line-height: 1.7;
}

div.targets_right div.time_choose br {
	display: none
}

div.charts_describe span font {
	color: blue;
	font-size: 1.1em
}

#review_dialog .target_dialog label {
	font-size: 0.9em;
	width: 100%;
	display: block;
}

#review_dialog .target_dialog i.sp-error {
	background-image: url("../img/report_imgs.png");
	background-position: -168px 0;
	display: inline-block;
	height: 16px;
	margin-right: 0.6em;
	margin-top: 1em;
	width: 16px;
}

#review_dialog .target_dialog img {
	margin-right: 0.6em;
	margin-top: -0.2em;
}

#review_dialog .target_dialog button.make_sure {
	cursor: pointer;
	margin: 1em 0 1.5em 1em;
}

div#review_dialog div.target_dialog ul {
	width: 100%;
	margin: 1em 0 0.5em 0
}

div#review_dialog div.target_dialog ul+label+input[type="text"] {
	width: calc(100% - 1em);
	margin-top: 0.5em;
	border: 1px solid #d5d5d5;
	padding: 0.2em 0.5em
}

div#review_dialog div.target_dialog ul li {
	display: inline-block;
	font-size: 0.85em;
	margin-bottom: 0.5em;
	text-align: left;
	width: 6em;
}
 div.main_lcontainer a.return_home{
     color: #3d99ab;
     left: 1.3em;
     margin-top: -1em;
     position: relative;
   }
   div.main_lcontainer a.return_home img{
     height: 1.3em;
     left: -1.4em;
     position: absolute;
     width: 1.4em;
   }
    ul.xxjh_detials{
      width:100%;
      float:left;
      height:6em;
      text-align:center
    }
   ul.xxjh_detials li{
      display:inline-block;
      padding:1em  12%;
      position:relative;
   }
   ul.xxjh_detials li:first-child{
      padding:1em 12% 1em 0
   }
   ul.xxjh_detials li:last-child{
      padding:1em 0 1em 12%
   }
    ul.xxjh_detials li:nth-child(1):after,
    ul.xxjh_detials li:nth-child(2):after{
      content:'';
      height:80%;
      width: 1px;
      background:linear-gradient(to top,rgba(0, 0, 0, 0),#808080,rgba(0, 0, 0, 0));
      position:absolute;
      top:10%;
      left:100%;
      width:0\9;
      border:1px solid #d2d2d2\9;
    }
   ul.xxjh_detials a{
       color:#000;
   }
   ul.xxjh_detials li.visited a{
      color:#157FCC
   }
   ul.xxjh_detials img{
    display: block;
    height: 2.5em;
    margin-bottom: 0.5em;
    margin-left: 19%;
    width: 2.5em;
   }
   div.table_groups{
     width:100%;
     float:left;
     margin-top:1em
   }
   div.main_lcontainer table{
     background:#f9f9f9;
     border-color:#EBEBEB;
   }
   div.main_lcontainer table tr th,
   div.main_lcontainer table tr td{
      border-color:#EBEBEB;
   }
    div.main_lcontainer table tr th{
       font-size:1em
    }
     div.main_lcontainer table tr td,
     div.table_groups div.pagination-detail{
       font-size:0.9em
    }
  
   div.main_lcontainer table tbody tr:hover{
        background-color:#157fcc;
        color:white
   }
   div.main_lcontainer table tr th{
     background:#d0dfe9 ;
   }
   div.charts_right h3:nth-child(1){
     font-size:1.6em;
     display:inline;
     float:left;
     margin:0.6em 2em 0 1em;
   }
   div.charts_right h3:nth-child(1)+select{
      margin-top:2em
   }
   
   div.charts_right div.the_show{
     width:100%;
      margin-top: 0 ;
      float:left
   }
  div.the_show h3{
     width:calc(100% - 3em);
     text-align:center;
   }
   div.the_show h3 span{
      color:#F92323
   }
    div.charts_right  h3.data_header{
     margin:0;
     padding:0.3em 0 0.3em 1.2em;
     width:calc(100% - 1.3em);
     box-shadow:0 0.5px 0.5px #ECECEC
 }
 h3.data_header img{
    display: inline;
    height: 1.5em;
    margin-right: 1em;
    margin-top: -0.15em;
    vertical-align: middle;
 }
 div.charts_right h3.data_header.title{
     box-shadow:0px 1px 0.5px #B8B9B9;
     background:#2bb5e7;
     color:white;
 }
  div.charts_right ul {
     float:left;
     width:100%;
  }
 div.charts_right ul li.father_li{
     margin:0.8em 0;
     border:1px solid #B9B9B9
 }
 div.charts_right ul h3{
     background:#D2D2D2;
     font-weight:100;
     font-size:1em!important;
 }
 div.charts_right ul h3 img{
     width:1.3em;
     height:1.4em
 }
 
  div.charts_right ul.other_info_lists li,
  div.charts_right ul.jbxx_lists li{
      margin:0.8em 0;
      border:1px solid #B9B9B9
   }
  div.charts_right ul li table,
  div.charts_right ul li tbody {
     width:100%; 
  }
  div.charts_right ul li table tr{
    font-size:0.92em;
    background:white;
  }
   div.charts_right ul li table td{
      min-height:3em
   }
  div.charts_right ul li table td,
  div.charts_right ul.other_info_lists li table th{
    border-right:1px solid #D2D2D2;
    padding: 0.5em;
    border-bottom:1px solid #D2D2D2;
  } 
  div.charts_right ul.other_info_lists li table th{
     font-weight:100;
     position:relative;
  }
  div.charts_right ul.other_info_lists li table td{
     text-align:center
  }
  div.charts_right ul.jbxx_lists li table td:fist-child{
    padding:0.5em 0 0.5em 1em;
  }
  div.charts_right ul.jbxx_lists li table td:nth-child(odd){
    min-width: 2em;
    padding: 0.5em 0.5em 0.5em 2.5em;
    position: relative;
    width:3em;
  }
  div.charts_right ul.jbxx_lists li table td:nth-child(even){
    max-width: 4em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  div.charts_right ul.jbxx_lists li table td.max_label_5{
      width:5.5em
  }
  div.charts_right ul.jbxx_lists li table td.max_label_4{
      width:4.5em
  }
  div.charts_right ul.jbxx_lists li table td:nth-child(2n+1)::before {
   background: rgba(0, 0, 0, 0) url("../img/SJ-XMFH_10.png") no-repeat scroll 100% 100%;
    content: "";
    display: block;
    height: 10px;
    left: 1.3em;
    position: absolute;
    top: calc(50% - 5px);
    width: 10px;
}
  div.charts_right ul.jbxx_lists li table td:last-child{
    border-right:0px solid #D2D2D2
  }
   div.charts_right{
     border:0px;
     background:transparent;
     width:calc(100% - 13.5em);
     padding:0
   }

  div.charts_right ul.other_info_lists li table th img {
     margin-right:1em;
  }
 div.charts_right ul.dzxi_data th{
    width:calc(100%/3);
 }
  div.charts_right ul.dzxi_data li:last-child th{
    width:25%;
  }
  div.charts_right ul.other_info_lists li table, div.charts_right ul.other_info_lists li tbody {
    overflow: hidden;
    width: 100%;
    word-break: break-all;
}
div.charts_right ul.other_info_lists.wdxj_data li table th img{
    margin-right:0.5em
 }
  ul.jbxx_lists li:nth-child(3) table{
     margin-top:0.8em;
  }
  ul.jbxx_lists li:nth-child(3) table tr:nth-child(1) td{
     border-top:1px solid #d2d2d2
  }
  div.charts_right h3.analyse_h3_header:after{
    background: rgba(0, 0, 0, 0) url("../img/div_bottom.png") no-repeat scroll 100% 100%;
    content: "";
    display: block;
    height: 7px;
    width: 67px;
   }
   div.the_show  h3.the_show_header{
    color: #c23531;
    font-size: 1.3em;
    width: calc(100% - 3em);
    margin-bottom:1em;
   }
   div.the_show  h3.the_show_header:before{
    background: rgba(0, 0, 0, 0) url("../img/h3_header.png") no-repeat scroll center center / 14em auto;
    content: "";
    display: block;
    height: 0.5em;
    width: 100%;
   }
   div.cost_rank ul {
      margin-top:3em
   }
   div.cost_rank ul li{
     border:0;
     margin:0!important
   }
  div.cost_rank ul li span:first-child{
    font-size: 0.75em;
    height: auto;
    text-align: left;
    width: 7em;
  }
  div.cost_rank ul li span.blue_span,
  div.cost_rank ul li span.red_span{
    display: inline-block;
    height: 2.2em;
    margin-right: 0.5em;
    margin-top: 0;
    width: calc((100% - 13em) / 5);
    margin-left:0!important;
    max-width:2em;
   }
   div.cost_rank ul li span.blue_span{
     background: rgba(0, 0, 0, 0) url("../img/blue.png") no-repeat scroll center center / 100% 100%;
   }
   div.cost_rank ul li span.red_span{
     background: rgba(0, 0, 0, 0) url("../img/red.png") no-repeat scroll center center / 100% 100%;
   }
   div.lcharts_content,div.rcharts_content{
      min-height:22em;
      float:left;
      width:50%;
      margin-top:1em;
      margin-bottom:1em
   }
   div.lcharts_content div.cost_pie,
   div.rcharts_content div.cost_rank{
      margin-top:0;
      width:100%;
      text-align:center;
      height:20em;
   }
   div.the_show div.describe_left,
   div.the_show div.describe_right{
     min-height:7em;
     float: none ;
     margin: 20em auto 2em ;
     max-width:18em;
     margin-top:20em;
   }
   div.describe_left h3:nth-child(1),div.describe_right h3:nth-child(1){
     width:calc(100% - 1em);
     color:white;
     font-weight:400;
     margin:0;
     padding:0.5em;
     text-align:center;
     font-size:1.0em;
     overflow:hidden;
     white-space:nowrap;
     text-overflow:ellipsis;
   }
   div.describe_left.style1 h3{
     color:#D48265;
     background:#2F4554
   }
   div.describe_left.style2 h3{
     color:#2F4554;
     background:#61A0A8
   }
   div.describe_left p,
   div.describe_right p{
    font-size: 0.95em;
    letter-spacing: 1px;
    margin-top: 2.5em;
    padding: 0.5em 1em;
    text-indent: 2em;
   }
   div.describe_left.style1 p{
     color:#639096;
   }
    div.describe_left.style2 p{
     color:#465864;
   }
   div.describe_right.style1 h3{
     color:#91C7AE;
     background:#c23531
   }
   div.describe_right.style2 h3{
     color:#2F4554;
     background:#D48265
   }
   div.describe_right.style1 p{
     color:#5A6873;
   }
    div.describe_right.style2 p{
     color:#CB5E5B;
   }
   div.describe_left.style1{
      border:1px dotted #2F4554
   }
    div.describe_left.style2{
      border:1px dotted #61A0A8
   }
   div.describe_right.style1{
      border:1px dotted #C6423F
   }
    div.describe_right.style2{
      border:1px dotted #D48265
   }
    ul.functions_target li,ul.functions_detials li{
      border:1px solid #157FCC;
      display:inline-block;
      margin-right:0.5em;
      width:calc((100% - 1.5em - 8px) / 4);
   }
   ul.functions_detials li{
      border:0;
      margin: 0 0.7em;
   }
   ul.functions_target li:last-child,
   ul.functions_detials li:last-child{
      margin-right:0
   }
   ul.functions_target li a,
   ul.functions_detials li a{
     color: #333;
     display: block;
     padding: 1.2em 0;
     text-align: center;
     text-decoration: none;
     font-size:0.9em;
     transition: background 0.5s;
   }
   ul.functions_target li a:hover{
     background:#66ABDE;
     color:white;
   }
   ul.functions_target li a img,
   ul.functions_detials li a img{
       border: 2px solid white;
       border-radius: 50%;
       height: 3.5em;
       margin-right: 5%;
       vertical-align: middle;
       width: 3.5em;
   }
   ul.functions_detials li a img{
      width:3em;
     height:3em;
     float:left;
     margin-top: 0.5em;
   }
   div.div_hall{
      padding:1em 10%
   }
   div.search_function{
      text-align:right;
      margin-bottom:1em
   }
   div.search_function input{
      min-width:15em
   }
   div.search_function input,
   div.search_function button{
      padding:0.3em 0.6em;
      border:1px solid #9B9999;
      border-radius:0.2em;
   }
   div.search_function button{
      margin-left:0.5em;
      background:white;
      cursor:pointer;
      margin-top:-0.1em;
      transition: background 0.5s;
   }
   div.search_function button:hover{
      background:#1881CD;
      color:white;
      border-color:#1881CD
   }
    h4.function_title{
     background: rgba(0, 0, 0, 0) url("../img/title_back.png") no-repeat scroll 0 0 / 30% auto;
     color: white;
     font-size: 0.95em;
     font-weight: 100;
     padding: 0.4em;
     margin:0
   }
   ul.functions_target+ul{
     margin-top:2em
   }
   ul.functions_target+ul li.functions_shadow{
       box-shadow:0 1px 1px #d7d7d7;
       margin: 0 0 0.5em;
       padding: 0 5px;
   }
   div.function_describe span:nth-child(2){
      background: rgba(0, 0, 0, 0) url("../img/xxpf.png") no-repeat scroll 11% 0;
      height: 1.32em;
      width: 94px;
   }
   div.function_describe span:nth-child(2) span{
     background: rgba(0, 0, 0, 0) url("../img/xxpf.png") repeat scroll 2% 12%;
     height: 100%;
     width: 20%;
   }
   div.function_describe span:nth-child(3){
      background: rgba(0, 0, 0, 0) url("../img/red_love.png") no-repeat scroll 0% center;
      height: 1.4em;
      text-indent: 2em;
   }
  div.function_describe{
    float: right;
    text-align: left;
    width: calc(100% - 5em);
   }
   div.function_describe span{
     width:100%;
     display:block;
     margin-bottom:0.2em;
     text-align: left !important;
   }
@media ( max-width :81em) {
	div.targets_right div.time_choose input#data_end, div.targets_right div.time_choose input#data_start
		{
		width: calc(50% - 12.5em);
	}
	div.targets_right div.time_choose input#data_search {
		width: calc(100% - 23.3em);
	}
	div.targets_right div.time_choose br {
		display: inline-block
	}
}
